<template>
  <div>
    <Affix :offset-top="108">
      <view-header-general :title="title" :fontStyle="fontStyle">
        <slot name="header"></slot>
      </view-header-general>
    </Affix>
    <view-content-three :left="left" :middle="middle" :right="right">
      <template slot="left"><slot name="left"></slot></template>
      <template slot="middle"><slot name="middle"></slot></template>
      <template slot="right"><slot name="right"></slot></template>
    </view-content-three>
  </div>
</template>

<script>
import ViewHeaderGeneral from "./header/view-header-general";
import ViewContentThree from "./content/view-content-three";
export default {
  name: "starThreeView",
  components: {ViewContentThree, ViewHeaderGeneral},
  props:{
    title:String,
    left:Number,
    middle:Number,
    right:Number,
    fontStyle:{
      default:()=>{
        return {}
      }
    }
  }
}
</script>

<style scoped>

</style>